.banner {
	scroll-view {
		height: 350rpx;

		swiper {
			box-sizing: border-box;
			height: 350rpx;

			image {
				width: 100%;
				// border-radius: 20rpx;
			}
		}
	}
}

@noticeHeight: 60rpx;
// 通知
.notice {
	height: @noticeHeight;
	line-height: @noticeHeight;
	display: flex;
	justify-content: space-between;

	.notice-titile {
		width: 100rpx;
		font-size: 32rpx;
		text-align: center;
		color: #ffffff;
		background-color: #ed572b;
	}

	.notice-scroll {
		width: 650rpx;

		.notice-swiper {
			height: @noticeHeight;
			.notice-swiper-item {
				view {
					width: 100%;
					font-size: 28rpx;
					padding-left: 32rpx;
					box-sizing: border-box;
					background-color: rgba(68, 198, 154, 0.2);
					color: #ffffff;
					background-color: #eda543;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
				}
			}

			icon {
				float: right;
				margin: 0 50rpx;
			}
		}
	}
}

// nav按钮
.nav {
	display: flex;
	flex-wrap: wrap;
	padding: 20rpx;

	.nav-btn {
		flex: 0 0 33.33%;
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;

		image {
			width: 50%;
		}

		view {
			margin: 10rpx 0;
		}
	}
}

// 导师
.coach {
	width: 100vw;

	background-color: #fff;
	.coachimg {
		display: flex;
		.vimage {
			flex-shrink: 0 !important;
			width: 400rpx !important;
			height: 200rpx !important;
			margin-right: 16rpx !important;
			border-radius: 16rpx !important;
		}
	}
}

// 课堂
.lesson {
	width: 100%;
	background-color: #fff;

	.box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		> view {
			display: flex;
			flex-direction: column;
			margin-bottom: 16rpx;

			.img {
				width: 335rpx;
				height: 251.25rpx;
				border-radius: 16rpx;
				margin-bottom: 10rpx;
			}

			.content {
				font-size: 32rpx;
			}
		}
	}
}

// 列表
.news {
	width: 100vw;
	background-color: #fff;
	.tab {
		width: 100%;

		.custom-tabbar {
		}
		.news-nav {
			padding: 0 50rpx;
		}
		.news-tab {
			flex: 0 0 25%;
			color: #808080;
		}
		.news-tab-active {
			background-color: #ed572b !important;
			view {
				transform: skewX(30deg);
			}
			color: #ffffff;
			transform: skewX(-30deg);
			transition: color 0.3s ease;
		}

		.list {
			display: flex;
			background-color: white;
			margin: 16rpx 0;

			.img {
				width: 280rpx;
				height: 210rpx;

				image {
					border-radius: 10rpx;
				}
			}
			.right {
				margin-left: 16rpx;
				width: 380rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.title {
					font-size: 32rpx;
					color: #222222;
					margin: 16rpx 0;
					font-weight: bold;
					// 文字超出隐藏
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}

				.content {
					font-size: 24rpx;
					color: #808080;
					margin: 16rpx 0;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
}
.coach,
.lesson,
.news {
	padding: 32rpx;
	box-sizing: border-box;
	.coach-title,
	.lesson-title,
	.news-title {
		display: flex;
		align-items: center;
		line-height: 48rpx;
		.title-text {
			font-size: 34rpx;
			margin: 10rpx 16px;
			color: #222222;
			font-weight: bold;
		}
	}
}

.notice,
.nav,
.about,
.coach,
.lesson {
	background-color: white;
}

// 选择地址样式
.block {
	width: 700rpx;
	height: 700rpx;
	border-radius: 20rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #fff;
}
